<template>
	<view class="content">
		<view class="shouyi">收益情况</view>
		<view class="info" :style="{background: 'url('+imageURL+')'}">

			<view class="profit">
				<view>账户累计收益</view>
				<view class="money">¥{{total_num}}</view>
			</view>
			<view class="number">
				<view>
					<view>昨日收益</view>
					<view class="money">¥{{yestoday}}</view>
				</view>
				<view @tap="toZuo" class="shouyi-btn">
					收益明细
				</view>
			</view>
		</view>
		<!-- <view class="equipment">
			<view style="font-weight: bold;">节点情况</view>
			<view class="equipment-info">
				<view class="equipment-box" @tap="toEqu(4,0)">
					<view class="number" style="color: #000000;">{{equipment_num}}</view>
					<view class="equ-info">设备总数</view>
				</view>
				<view class="equipment-box" @tap="toEqu(1,1)">
					<view class="number" style="color: #4CD964;">{{zaixian}}</view>
					<view class="equ-info">在线设备</view>
				</view>
				<view class="equipment-box" @tap="toEqu(2,2)">
					<view class="number" style="color: #ff0000;">{{lixian}}</view>
					<view class="equ-info">离线设备</view>
				</view>
				<view class="equipment-box" @tap="toEqu(3,3)">
					<view class="number" style="color: #ffaa00;">{{yichang}}</view>
					<view class="equ-info">异常设备</view>
				</view>
			</view>
		</view> -->
		
		<view class="equipment">
			<view style="font-weight: bold;">节点情况</view>
			<view class="equipment-info" @tap="toEqu(4,0)">
				<view class="equipment-box" >
					<view class="number" style="color: #000000;">{{equipment_num}}</view>
					<view class="equ-info">设备总数</view>
				</view>
				<view class="equipment-box">
					<view class="number" style="color: #4CD964;">{{zaixian}}</view>
					<view class="equ-info">在线设备</view>
				</view>
				<view class="equipment-box">
					<view class="number" style="color: #ff0000;">{{lixian}}</view>
					<view class="equ-info">离线设备</view>
				</view>
				<view class="equipment-box">
					<view class="number" style="color: #ffaa00;">{{yichang}}</view>
					<view class="equ-info">异常设备</view>
				</view>
			</view>
		</view>
		
		
		<view class="three-box">
			<!-- <view class="box1" :style="{'background': 'url('+imageF+')','background-size':size}">
				<button class="yaoqing" open-type="share"></button>
			</view> -->
			<view class="box1" :style="{'background': 'url('+imageF+')','background-size':size}" @tap="invite"></view>
			<view class="box2" :style="{'background': 'url('+imageA+')','background-size':size}" @tap="addcode"></view>
			<view class="box3" :style="{'background': 'url('+imageJ+')','background-size':size}" @tap='toNews'></view>
		</view>
		
		<view class="data-list" v-if="sys!=50">
			<view style="font-weight: bold;margin-bottom: 20rpx;">每日收益排行</view>
			<view class="one" v-for="(item,index) in snlist" :key='index'>
				<view class="name" v-if="item.name.length>20">{{item.name.substr(0,10)}}****{{item.name.substr(-10)}}</view>
				<view class="name" v-else>{{item.name}}</view>
				<view class="price">¥{{item.yesterday_money}}</view>
				
				<!-- <image v-if="index == 0" src="http://yunzhidun.oss-cn-beijing.aliyuncs.com/uploads/20210729/232bac6bf6517ac11cfc77d4a8385a29.png" mode="widthFix"></image>
				<image v-else-if="index == 1" src="http://yunzhidun.oss-cn-beijing.aliyuncs.com/uploads/20210729/5fdd44a3a739ea61ac66d5981adb1dae.png" mode="widthFix"></image>
				<image v-else-if="index == 2" src="http://yunzhidun.oss-cn-beijing.aliyuncs.com/uploads/20210729/626fe1a3747fffd167466ca1e0d0d789.png" mode="widthFix"></image>
				<image v-else-if="index == 3" src="../../static/my/41.png" mode="widthFix"></image>
				<view v-else class="number"> {{index+1}} </view> -->
				<!-- <view class="phone">{{item.phone.substr(0,3)}}****{{item.phone.substr(7,11)}}</view>
				<view class="name">{{item.name.substr(0,4)}}</view>
				<view class="price">¥{{item.total_num}}</view> -->
			</view>
		</view>
		
		
		<view class="box-img" v-if="showimg"  @tap="conealImg"></view>
		
		<view class="modal-img" v-if="showimg">
			<view class="title">
				邀请二维码
			</view>
			<view class="content">
				<image :src="inviteimageUrl" mode="widthFix"></image>
			</view>
		</view>
		
		
		<!-- 选择添加设备1 -->
		<view class="node-box" v-if="nodeShow" @tap="conealNodeShow"></view>
		
		<view class="node-modal" v-if="nodeShow">
			<view class="title">
				选择添加类型
			</view>
			<view class="content" style="display: block;margin-left: 180rpx;">
				<view style="margin-bottom: 30rpx;">
					<label class="radio" style="margin-right: 30rpx;" @tap="nodechange(1)">
						<radio value="小节点" :checked="checked1" color="#4CD964"/>小节点
					</label>
				</view>
				<!-- <view style="margin-bottom: 20rpx;">
					<label class="radio" style="margin-right: 30rpx;" @tap="nodechange(2)">
						<radio value="大节点" :checked="checked2" color="#4CD964"/>大节点A
					</label>
				</view> -->
				<view style="margin-bottom: 30rpx;">
					<label class="radio" style="margin-right: 30rpx;" @tap="nodechange(3)">
						<radio value="大节点" :checked="checked3" color="#4CD964"/>大节点
					</label>
				</view>
			</view>
			<view class="btn-group1">
				<view class="coneal" @tap="conealNodeShow">取消</view>
				<view class="submit" @tap="comfimNodeShow">确认</view>
			</view>
		</view>
		
		<!-- 选择添加设备2 -->
		
		<view class="box" v-if="show"  @tap="coneal"></view>
		
		<view class="modal" v-if="show">
			<view class="title">
				选择添加类型
			</view>
			<view class="content">
				<view>
					<label class="radio" style="margin-right: 30rpx;" @tap="change(3)">
						<radio value="电视盒子" :checked="checkedB"
						 style="transform: scale(0.9);" color="#ff5500"/>TV-Box
					</label>
				</view>
				<view>
					<label class="radio" style="margin-right: 30rpx;" @tap="change(2)">
						<radio value="X86盒子" :checked="checkedA"
						 style="transform: scale(0.9);"color="#ff5500"/>X86工控机
					</label>
				</view>
				<view>
					<label class="radio" style="margin-right: 30rpx;" @tap="change(4)">
						<radio value="路由器" :checked="checkedC"
						 style="transform: scale(0.9);" color="#ff5500"/>路由器
					</label>
				</view>
			</view>
			<view class="btn-group">
				<view class="coneal" @tap="coneal">取消</view>
				<view class="submit" @tap="comfim">确认</view>
			</view>
		</view>
		
		<!-- 广告 -->
		<view class="advertisement" v-if="advertisementAll"></view>
		
		<view class="advertisement-model" v-if="advertisementAll">
			<view class="content">
				<image :src="imgAll" mode="widthFix"></image>
			</view>
			<view class="btn-group">
				<image src="../../static/X.png" mode="widthFix"  @tap="conealAdvertisementAll"></image>
			</view>
		</view>
		
		
		
		<view class="advertisement" v-if="advertisement"></view>
		
		<view class="advertisement-model" v-if="advertisement">
			<view class="content">
				<image :src="img" mode="widthFix"></image>
			</view>
			<view class="btn-group">
				<image src="../../static/X.png" mode="widthFix"  @tap="conealAdvertisement"></image>
			</view>
		</view>

	</view>
</template>

<script>
	let App = getApp();
	
	export default {
		components: {
		},
		
		data() {
			return {
				indicatorDots: true,
				autoplay: true,
				interval: 2000,
				duration: 500,
				total_num:0,
				yestoday:0,
				equipment_num:0,
				zaixian:0,
				lixian:0,
				yichang:0,
				code:'',
				noticebarText: [
					
				],
				listData: [],
				show:false,
				type:3,
				// checked:3,
				checked: false,
				checked1:true,
				checked2:false,
				checked3:false,
				checkedA:false,
				checkedB:true,
				checkedC:false,
				level:0,
				sys:0,
				imageURL:'https://yunzhidun.oss-cn-beijing.aliyuncs.com/pool/image/home.png',
				imageF:'https://yunzhidun.oss-cn-beijing.aliyuncs.com/pool/image/yqhy.png',
				imageA:'https://yunzhidun.oss-cn-beijing.aliyuncs.com/pool/image/tjsb.png',
				imageJ:'https://yunzhidun.oss-cn-beijing.aliyuncs.com/pool/image/xrjc.png',
				imageShare:'https://yunzhidun.oss-cn-beijing.aliyuncs.com/pool/image/tjfx.png',
				size:"100% 100%",
				SN:'',
				advertisementAll:false,
				imgAll:'',
				advertisement:false,
				img:'',
				mark:true,
				nodeShow:false,
				nodeType:1,
				inviteimageUrl:'',
				showimg:false,
				snlist:[],
				shownum:2
			}
		},
		onLoad() {
			
		},
		
		onShow() {
			//uni.hideShareMenu()
			// this.checked = 3
			this.sys = App.globalData.sys
			// this.checkLogin();
			this.getbindsranking();
			if(this.shownum != 1){
				this.checkLogin();
			}
		},
	
		
		onHide() {
			this.mark = true
		},
		
		onShareAppMessage(e) {
			let userinfo = uni.getStorageSync('userinfo');
			
			let shareInfo = {
				path: "/pages/register/registerkq?uid="+userinfo.id,
				title: "赶紧跟我一起来体验！",
				imageUrl: this.imageShare
			};
			return shareInfo;
		},
		
		onShareTimeline() {
			let userinfo = uni.getStorageSync('userinfo');
			
			let shareInfo = {
				path: "/pages/register/registerkq?uid="+userinfo.id,
				title: "赶紧跟我一起来体验！",
				imageUrl: this.imageShare
			};
			return shareInfo;
		},
		
		methods: {
			checkLogin(){
				let userinfo = uni.getStorageSync('userinfo');
				if(!userinfo){
					uni.login({
						provider: 'weixin',
						success :(res)  => {
							this.$api.interfaceApi('getOpenid')({
								code:res.code
							}).then(result=>{
								if(result.code == 200){
									uni.setStorageSync('userinfo',result.data)
									
									
									this.getUserinfo(); 
								}else{
									uni.showToast({
										title:"请重新登录",
										icon:'none'
									})
								}	
							})
						}
					});
					
					
				}else{
					this.getUserinfo(); 
				}
			
			},
			
			//邀请
			invite(){
				let userinfo = uni.getStorageSync('userinfo');
				uni.showLoading({
					title:"邀请码生成中"
				})
				this.$api.interfaceApi('getQRCode')({
					'id': userinfo.id,
					'admin':App.globalData.sys
				}).then(res=>{
					this.inviteimageUrl = res.data
					this.showimg = true
					uni.hideLoading()
				})
			},
			
			conealImg(){
				this.showimg = false
			},
			comfimImg(){
				this.showimg = false
			},
			
			checkGg(){
				
				let userinfo = uni.getStorageSync('userinfo');
				
				if(!App.globalData.mark){
					return;
				}
				
				this.$api.interfaceApi('checkAdvertisement')({
					'admin':App.globalData.sys
				}).then(res=>{
					if(res.code == 200){
						if(res.data.all){
							
							if(res.data.all.test == 1){
								if(res.data.all.user_id == userinfo.id){
									this.imgAll = res.data.all.url
									this.advertisementAll = true
								}
							}else{
								this.imgAll = res.data.all.url
								this.advertisementAll = true
							}
							
						}
						
						if(res.data.ad){
							
							if(res.data.ad.test == 1){
								if(res.data.ad.user_id == userinfo.id){
									this.img = res.data.ad.url
									this.advertisement = true
								}
							}else{
								this.img = res.data.ad.url
								this.advertisement = true
							}
							
						}
						
					}
					
				})
			},
			
			map(){
				uni.navigateTo({
					url:`/pages/map/map`
				})
			},
			
			toSheng(){
				if(this.level == 0){
					uni.showToast({
						icon:'none',
						title:'对不起您无权限！'
					})
				}
			},
			
			
			toZuo(){
				uni.navigateTo({
					url:`/pages/index/log?sum=${this.total_num}&yestoday=${this.yestoday}`
				})
			},
			
			toEqu(value,index){
				uni.setStorageSync('equValue',value);
				uni.setStorageSync('equIndex',index);
				uni.switchTab({
					url:`/pages/equipment/index`
				})
			},
			getUserinfo(){
				let userinfo = uni.getStorageSync('userinfo');

				uni.showLoading({
					title:"加载中"
				})
				
				this.$api.interfaceApi('getUserinfo')({
					'id': userinfo.id,
					'admin':App.globalData.sys
				}).then(res=>{
					uni.hideLoading()
					//检查广告是否存在
					this.checkGg();
					App.globalData.mark = false
					this.total_num = res.data.total_num
					this.yestoday = res.data.profit
					this.equipment_num = res.data.equipment_num
					this.zaixian = res.data.zaixian
					this.lixian = res.data.lixian
					this.yichang = res.data.yichang
					this.listData = res.data.list
					this.level = res.data.level
					this.imageURL = res.data.position1
					this.imageF = res.data.position2
					this.imageA = res.data.position3
					this.imageJ = res.data.position4
					this.imageShare = res.data.position5
				})
			},
			
			toNews(){
				uni.navigateTo({
					url:`/pages/news/news?sys=${this.sys}&type=1`
				})
			},
			
			confirm(){
				this.msg = '正在搜索设备'
			},
			
			conealAdvertisement(){
				this.advertisement = false
			},
			
			conealAdvertisementAll(){
				this.advertisementAll = false
			},
			
			//设备排行榜查询
			getbindsranking(){
				//let userinfo = uni.getStorageSync('userinfo');
			
				// uni.showLoading({
				// 	title:"加载中"
				// })
				
				this.$api.interfaceApi('getbindsranking')({
					//'id': userinfo.id,
					'admin':App.globalData.sys
				}).then(res=>{
					//uni.hideLoading()
					this.snlist = res.data
					// console.log(this.snlist)
				})
			},
			addcode(){
				// let _this = this;
				// let userinfo = uni.getStorageSync('userinfo');

				// uni.scanCode({
				//     success: function (res) {
				// 		_this.SN = res.result
				// 		_this.sn = res.result
				// 		_this.show = true;	
				//     }
				// });
				let userinfo = uni.getStorageSync('userinfo');
				this.nodeShow = true
			},
			conealNodeShow(){
				this.nodeShow = false
			},
			comfimNodeShow(){
				if(this.nodeType == 1){
					this.shownum = 1
					let _this = this;
					this.nodeShow = false
					uni.scanCode({
					    success: function (res) {
							_this.show = true;
							_this.sn = res.result
					    }
					}); 
				}else if(this.nodeType == 2){
					uni.navigateTo({
						url:'/pages/index/add'
					})
				}
				else if(this.nodeType == 3){
					uni.navigateTo({
						url:'/pages/index/adds'
					})
				}
			},
			
			nodechange(num){
				if(num == 1){
					this.checked1 = true
					this.checked2 = false
					this.checked3 = false
					this.nodeType = 1
				}else if(num == 2){
					this.checked1 = false
					this.checked2 = true
					this.checked3 = false
					this.nodeType = 2
				}
				else if(num == 3){
					this.checked1 = false
					this.checked2 = false
					this.checked3 = true
					this.nodeType = 3
				}
			},
			
			// 添加设备2
			coneal(){
				this.shownum = 2
				this.show = false
			},
			
			comfim(){
				this.shownum = 2
				let userinfo = uni.getStorageSync('userinfo');
				this.$api.interfaceApi('add')({
					'sn':this.sn,
					"id":userinfo.id,
					'admin_id':App.globalData.sys,
					'type':this.type
				}).then(res=>{
					console.log(res)
					this.show = false
					uni.showToast({
						title:res.msg,
						icon:'none'
					})
				})
				// console.log(this.checkedA,this.checkedB,this.checkedC,this.type)
			},
			
			change(num){
				if(num == 2){
					this.checkedA = true
					this.checkedB = false
					this.checkedC = false
					this.type = 2
				}else if(num == 3){
					this.checkedA = false
					this.checkedB = true
					this.checkedC = false
					this.type = 3
				}else if(num == 4){
					this.checkedA = false
					this.checkedB = false
					this.checkedC = true
					this.type = 4
				}
			},
		}
	}
</script>

<style lang="less" scoped>

	
	.content{
		.shouyi{
			font-weight: bold;
			padding: 20rpx 50rpx;
		}
		.info{
			margin: auto;
			border-radius: 20rpx;
			width: 90%;
			height: 360rpx;
			//background: url(https://yunzhidun.oss-cn-beijing.aliyuncs.com/pool/image/home.png);
			background-size:100% 100%;
			padding: 0 50rpx 0 50rpx;
			box-sizing: border-box;
			overflow:hidden;
			font-size: 34rpx;
			
			.money{
				margin-top: 10rpx;
				font-size: 54rpx;
				font-weight: bold;
			}
			
			.profit{
				margin: 20rpx 0 20rpx 0;
				view{
					color: #FFFFFF;
				}
			}
			
			.number{
				display: flex;
				margin-top: 45rpx;
				justify-content: space-between;
				view{
					color: #FFFFFF;
				}
				.shouyi-btn{
					width: 200rpx;
					height: 70rpx;
					line-height: 70rpx;
					background-color: #FFFFFF;
					border-radius: 40rpx;
					color: #ff743a;
					font-size: 30rpx;
					text-align: center;
					margin-top: 56rpx;
				}
			}
			
			
		}
		
		.equipment{
			margin-top: 40rpx;
			padding: 20rpx 40rpx;
			.equipment-info{
				display: flex;
				justify-content:space-between;
				background-color: #FFFFFF;
				border-radius: 20rpx;
				margin: 20rpx 0;
				.equipment-box{
					border-radius: 10rpx;
					padding: 30rpx 20rpx;
					box-sizing: border-box;
					background-color: #FFFFFF;
					.number{
						display: flex;
						flex-direction: column;
						align-items:center;
						color: #007AFF;
						font-weight: bold;
						font-size: 50rpx;
					}
					.equ-info{
						color: #999999;
						font-size: 30rpx;
					}
				}
			}
		}
	
		.rotation{
			margin-top: -80rpx;
			padding: 0 50rpx 0 50rpx;
			box-sizing: border-box;
			.swiper{
				height: 200rpx;
			}
		}
		
		.noticebar{
			box-sizing: border-box;
			padding: 0 50rpx 0 50rpx;
			
		}
	
		.data-list{
			padding: 50rpx;
			box-sizing: border-box;
			border-radius: 20rpx;
			
			.one{
				display: flex;
				background-color: #FFFFFF;
				border-radius: 15rpx;
				padding: 20rpx 20rpx 10rpx 20rpx;
				font-size: 32rpx;
				justify-content: space-between;
				
				.number{
					width: 60rpx;
					text-align: center;
				}
				.phone{
					width: 200rpx;
				}
				.name{
					text-align: center;
					width: 200rpx;
				}
				.price{
					width: 180rpx;
					color: #FF5528;
					text-align: right;
				}
			}
			
			image{
				width: 60rpx;
				height: 0rpx;
			}
		}
	
		.map{
			width: 200rpx;
			height: 60rpx;
			border-radius: 20rpx;
			background-color: #ff5528;
			line-height: 59rpx;
			margin: auto;
			text-align: center;
			color: #FFFFFF;
			margin-top: 20rpx;
		}
		
		
		.three-box{
			display: flex;
			justify-content: space-between;
			padding: 0rpx 50rpx;
			color: #FFFFFF;
			
			.box1{
				text-align: center;
				width: 30%;
				border-radius: 15rpx;
				height: 150rpx;
				padding: 20rpx 0rpx;
				box-sizing: border-box;
				position: relative;
				//background-image: url(https://yunzhidun.oss-cn-beijing.aliyuncs.com/pool/image/yqhy.png);
				background-size: 100% 100%;
				.yaoqing{
					width: 100%;
					height:100%;
					position: absolute;
					top: 0;
					left: 0;
					opacity: 0;
				}
			}
			
			.box2{
				text-align: center;
				width: 30%;
				border-radius: 15rpx;
				height: 150rpx;
				padding: 20rpx 0rpx;
				box-sizing: border-box;
				//background-image: url(https://yunzhidun.oss-cn-beijing.aliyuncs.com/pool/image/tjsb.png);
				background-size: 100% 100%;
			}
			
			.box3{
				text-align: center;
				width: 30%;
				border-radius: 15rpx;
				height: 150rpx;
				padding: 20rpx 0rpx;
				box-sizing: border-box;
				//background-image: url(https://yunzhidun.oss-cn-beijing.aliyuncs.com/pool/image/xrjc.png);
				
			}
			
		}
		
		.modal-img{
			background-color: #FFFFFF;
			border-radius: 15rpx;
			width: 80%;
			height: 700rpx;
			position: absolute;
			top: 20%;
			left: 10%;
			z-index: 100;
			padding: 20rpx;
			box-sizing: border-box;
			.title{
				text-align: center;
				padding: 10rpx 0;
				font-size: 36rpx;
				box-sizing: border-box;
			}
			.content{
				display: flex;
				justify-content: space-between;
				margin-top: 20rpx;
				margin-bottom: 30rpx;
			}
			.btn-group{
				display: flex;
				height: 80rpx;
				line-height: 80rpx;
				margin-top: 10rpx;
				.coneal{
					width: 50%;
					text-align: center;
				}
				.submit{
					color: #007AFF;
					width: 50%;
					text-align: center;
				}
			}
		}
		
		.box-img{
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background-color:#000000;
			opacity: 0.5;
			z-index: 99;
		}
		
		
		.box{
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background-color:#000000;
			opacity: 0.5;
			z-index: 99;
		}
		.modal{
			background-color: #FFFFFF;
			border-radius: 15rpx;
			width: 85%;
			height: 480rpx;
			position: absolute;
			top: 35%;
			left: 8%;
			z-index: 100;
			padding: 30rpx;
			box-sizing: border-box;
			.title{
				text-align: center;
				padding: 15rpx 0 25rpx 0;
				font-size: 42rpx;
				box-sizing: border-box;
				border-bottom:1rpx solid #dddddd;
			}
			.content{
				height: 250rpx;
				align-items: center;
				display: grid;
				justify-content: center;
				font-size: 34rpx;
				border-bottom:1rpx solid #dddddd;
				view{
					margin-top: 10rpx;
				}
			}
			.contents{
				height: 100rpx;
				align-items: center;
				display: flex;
				// justify-content: center;
				margin-left: 30rpx;
				font-size: 36rpx;
				border-bottom:1rpx solid #dddddd;
				view{
					margin-top: 10rpx;
				}
			}
			.btn-group{
				display: flex;
				height: 80rpx;
				line-height: 80rpx;
				margin-top: 16rpx;
				.coneal{
					width: 50%;
					text-align: center;
				}
				.submit{
					color: #007AFF;
					width: 50%;
					text-align: center;
				}
			}
		}
		
		.advertisement-model{
			
			border-radius: 15rpx;
			width: 80%;
			height: 430rpx;
			position: fixed;
			top: 25%;
			left: 10%;
			z-index: 1001;
			padding: 20rpx;
			box-sizing: border-box;
			
			.content{
				image{
					width: 100%;
				}
			}
			.btn-group{
				image{
					margin: 90rpx 45%;
					width: 10%;
					height: 10%;
				}
			}
		}
		.advertisement{
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background-color:#000000;
			opacity: 0.5;
			z-index: 1000;
		}
		
		
		.node-box{
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background-color:#000000;
			opacity: 0.5;
			z-index: 1000;
		}
		.node-modal{
			background-color: #FFFFFF;
			border-radius: 15rpx;
			width: 80%;
			height: 420rpx;
			position: absolute;
			top: 35%;
			left: 10%;
			z-index: 1001;
			padding: 20rpx;
			box-sizing: border-box;
			.title{
				font-size: 42rpx;
				padding: 15rpx 0 25rpx 0;
				box-sizing: border-box;
				text-align: center;
				border-bottom:1rpx solid #dddddd;
			}
			.content{
				display: flex;
				justify-content: space-between;
				margin: 30rpx;
			}
			.btn-group1{
				display: flex;
				height: 80rpx;
				line-height: 80rpx;
				margin-top: 16rpx;
				padding-top: 10rpx;
				box-sizing: border-box;
				border-top: 1rpx solid #dddddd;
				.coneal{
					width: 50%;
					text-align: center;
				}
				.submit{
					color: #007AFF;
					width: 50%;
					text-align: center;
				}
			}
		}
		
	}
</style>
